@charset "utf-8";/* CSS Document */
body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}

.w1500{ width:1500px; }

.pro_index{ overflow:hidden; clear:both; padding-top:64px; padding-bottom:63px;}
.product_tit{display: flex;justify-content: space-between;align-items: center; padding-bottom:42px;flex-wrap: wrap;}
.product_tit_left{ text-align:left; width:34%;}
.product_tit_left p{color:#3b3b3b; font-size:39px; font-weight:bold; line-height:53px;}
.product_tit_left span{ color:#989898; font-size:16px; line-height:30px;}
.swiper-containerduct{ overflow:hidden; clear:both;}
.product_tit ul{display: flex;flex-wrap: wrap; width:66%;justify-content: flex-end;}
.product_tit ul li{text-align:center; margin-left:-10px; width:20%; background:url(prolist_list.png) no-repeat center center; background-size:100% 100%; }
.product_tit ul li a{ font-size:15px; color:#414141; display:block; line-height:41px;height:41px; overflow:hidden;}
.product_tit ul li.all{ background:url(prolist_all.png) no-repeat center;background-size:100% 100%;}
.product_tit ul li.all a{ color:#FFF; padding-left:25px;}
.prolist_ul{ overflow:hidden; display: flex;flex-wrap: wrap; justify-content: space-between;}
.prolist_ul li{ margin-bottom:35px;}
.prolist_ul li a{ display:block;}
.prolist_top{ border:1px solid #f0f0f0; position:relative;}
.prolist_top img.cp_fd{ width:auto; max-width:100%;}
.cp_fd{ position:absolute; right:0; top:0; z-index:22;}
.prolist_boottom{ background:#e8e8e8; padding-top:20px; padding-bottom:26px;}
.prolist_boottom h3{ color:#3a3a3a; font-size:15px; line-height:25px;}
.prolist_boottom p{ color:#8d8d8d; font-size:12px; line-height:20px; margin-bottom:7px;}
.prolist_boottom span{ color:#3a3a3a; font-size:12px; width:116px; line-height:16px; border:1px solid #FFF; border-radius:20px;}
.prolist_ul li:hover .prolist_boottom{ background:#d20202;}
.prolist_ul li:hover .prolist_boottom h3{ color:#fff;}
.prolist_ul li:hover .prolist_boottom p{ color:#fff;}
.prolist_ul li:hover .prolist_boottom span{ background:#e8e8e8;}
.prolist_more p{ font-size:22px; color:#4e4e4e; line-height:42px; margin-bottom:28px;  }
.prolist_more p span{ color:#d20202;}
.prolist_ul li:nth-last-child(1){ display:none;}

.about_bg{ background:#d20202; padding-bottom:80px; padding-top:67px; overflow:hidden; clear:both;}
.about_left{ text-align:left; padding-right:56px; margin-bottom:65px; overflow:hidden;}
.about_title{ padding-bottom:25px; background:url(about_title.jpg) no-repeat left bottom; overflow:hidden; clear:both; margin-bottom:30px;}
.about_title p{ font-size:35px; color:#fff; line-height:50px; font-weight:bold;}
.about_title span{ font-size:30px; color:#fff; line-height:48px;}
.about_jieshao{ font-size:20px; line-height:36px; color:#fff; margin-bottom:41px;}
.about_left a{ width:198px; line-height:47px; display:block; color:#FFF; background:#000; font-size:15px; text-align:center;}
.about_right{ margin-bottom:65px; overflow:hidden;}
.about_ul{ overflow:hidden; clear:both;display: flex;flex-wrap: wrap; justify-content: space-between; }
.about_ul li{ padding-top:24px; padding-bottom:16px; width:240px; background:#000; }
.about_ul li img{ width:auto;}
.about_ul li p{ font-size:16px; color:#FFF; line-height:43px;}

.youshi_index_bg{overflow:hidden; clear:both; padding-top:25px; padding-bottom:25px; text-align:left;}
.youshi_index_bg h2,.h1title-index{ margin-bottom:25px; line-height:40px; padding-left: 18px; font-size: 20px; color: #ffffff; text-align: center; background: #d20202; border-radius: 8px;}
.youshi_index_bg h3{ font-size:18px; font-weight:bold; line-height:28px;}
.youshi_index_bg p{font-size:16px; line-height:26px;}

.liuyan_bg{ background:#d20202; clear:both; overflow:hidden; padding-bottom:50px; padding-top:53px;background-size: cover;  }
.liuyan_title{ color:#ffffff; font-size:40px; line-height:65px;}
.liuyan_duibi{ color:#ffffff; font-size:16px; line-height:26px;}
.liuyan_a{color:#ffffff; font-size:16px; line-height:26px; margin-bottom:28px;}
.liuyan_index{ text-align:left;}
.liuyan_index p{ line-height:39px; color:#ffffff; font-size:14px;}
.liuyan_index table{ width:859px;}
#facebook{ width:100%; display: flex;align-items: center; flex-direction: column;}
#name{ margin-bottom:22px; width:98%; line-height:58px; height:58px; font-size:14px; color:#fff; background: #FFF; border:1px solid #e6e6e6;}
#tel{ margin-bottom:22px; width:98%; line-height:58px; height:58px; font-size:14px; color:#fff; background: #FFF; border:1px solid #e6e6e6;}
#youxiang{ margin-bottom:22px; width:100%; line-height:58px; height:58px; font-size:14px; color:#fff; background: #FFF; border:1px solid #e6e6e6;}
#content{ margin-bottom:22px; width:100%; height:113px; padding:5px; line-height:25px; font-size:14px; color:#252933; background: #FFF; border:1px solid #252933;}
.anniu_lxfs{ width:312px; line-height:58px; background:#000; color:#fff; font-size:22px; margin:0 auto;display: block; }

.news_bg{ clear:both; overflow:hidden; padding-bottom:88px; padding-top:56px;}
.news_title{display: flex; justify-content: space-between; align-items: center; margin-bottom:43px;}
.news_title_left{ text-align:left;}
.news_title_left p{ font-size:28px; color:#393836;}
.news_title_left span{ font-size:16px; color:#616161;}
.news_title a{ color:#616161; font-size:18px;}
.news_left{ float:left; width:37.6%;}
.news_left_bottom{ background:url(news_left_bg.jpg) no-repeat right center #2b439a; text-align:left; padding:18px 30px;}
.news_left_bottom p{ color:#FFF; font-size:20px; line-height:38px;}
.news_left_bottom span{ color:#FFF; font-size:15px; line-height:26px;}
.news_right{ width:60%; float:right; text-align:left;}
.news_right li{}
.news_right li div{ background:#f5f5f5; padding:16% 10%;}
.news_time{ font-size:13px; color:#000000; margin-bottom:21px;}
.news_time span{ color:#717171; margin-left:10px;}
.news_right h2{ color:#242424; font-size:18px; line-height:30px; height:30px; overflow:hidden; margin-bottom:8px;}
.news_des{ font-size:14px; color:#6a6a6a; line-height:28px; height:112px; overflow:hidden; margin-bottom:54px;   }
.news_right a{ background:url(news_more.png) no-repeat top left; padding-top:7px; padding-left:7px; width:147px; line-height:47px; display:block; font-size:15px; color:#ffffff; text-align:center;}


.foot_bg{background:#2e2d33;overflow: hidden;clear: both; padding-bottom:30px; padding-top:42px;}
.foot_title{ border-bottom:1px solid #434248; overflow:hidden; margin-bottom:43px; text-align:left; display: flex;justify-content: space-between; align-items: flex-end; padding-bottom:15px;    flex-wrap: wrap; }
.foot_title img{ width: auto; max-width:100%;}
.foot_title div{display: flex;flex-wrap: wrap;align-items: center;}
.foot_title div span{ color:#7b7c7f; font-size:24px; margin-left:20px;}
.foot_title p{ color:#828185; font-size:14px; clear:both; line-height:38px; }

.foot_left{ text-align:left; padding-top:35px;  }
.foot_left h4{ font-size:20px; color:#FFF; margin-bottom:10px;} 
.foot_left p{}
.foot_left p span{ font-size:14px; color:#999999; line-height:24px; margin-right:25px;}
.foot_cen{ text-align:center; padding:0px 10px;   }
.foot_cen img{ padding:3px; background:#FFF; max-width:115px;}
.foot_cen p{ color:#fff; line-height:45px; font-size:18px;}
.foot_right{ margin-top:30px; }
.foot_right p{ text-align:right;color:#ffffff;}
.foot_right01{ font-size:15px; color:#ffffff; background:url(foot_dh.jpg) no-repeat left center; float:right; padding-left:22px;}
.foot_right02{ font-size:48px; color:#ffffff; clear:both; line-height:1.2;}
.foot_right03{ font-size:16px; color:#ffffff; line-height:38px;}

.footer_bg {background: #2a292f;border-top: 1px solid #434248;padding: 10px;}
.footer_bg p {text-align: center;font-size: 14px;color: #FFF;line-height: 25px;margin: 0px !important;}
.footer_bg a {color: #FFF;}

@media (max-width:1500px) { 
.w1500{ width:100%; }



}
@media (max-width:1200px) { 
.product_tit_left{ text-align: center; width:100%; margin-bottom:15px;}
.product_tit ul{ width:100%;}
.product_tit ul li{ margin-left:0;}
.about_left{ padding-right:15px;}
.about_ul li{ width:19%;}




}

@media (max-width:992px) { 
.foot_title{ justify-content: center;}
.foot_left{ padding-top:0px; margin-bottom:15px;}
.prolist_ul li:nth-last-child(1){ display: block;}
.youshi_top_img{ text-align:center;}
.youshi_bottom_img{ text-align:center;}
.youshi_top{ background:none; padding-left:15px;}
.youshi_bottom{ background:none; padding-right:15px;}
.youshi_index ul{ margin-bottom:40px;}
.liuyan_index table{ width:100%;}
.news_left{ width:100%; margin-bottom:25px;}
.news_right{ width:100%;}


}

@media (max-width:767px) { 
.product_tit{ padding-bottom:10px;}
.product_tit ul{justify-content: space-between;}
.product_tit ul li{ width:49%; margin-bottom:15px; background:none; border:1px solid #cbcbcb;}
.product_tit ul li.all{ width:100%; background:#0b4897;}
.pro_index{ padding-top:32px; padding-bottom:32px;}
.prolist_ul li{ padding-left:10px; padding-right:10px;}
.about_ul li{ width:32%; margin-bottom:15px;}
.about_ul li:nth-last-child(1){ width:49% !important;}
.about_ul li:nth-last-child(2){ width:49% !important;}
.about_left{ margin-bottom:25px;}
.about_right{ margin-bottom:25px;}
.about_bg{ padding-bottom:30px; padding-top:30px;}
.news_right li{ margin-bottom:15px; padding:0px;}
.news_left_bottom{ background:#2b439a;} 

}
  
@media (max-width:600px) { 
.foot_title div { justify-content: center; text-align:center;}
.prolist_ul li{ width:50%;}
.prolist_ul li:nth-last-child(1){ display:none;}
.youshi_title .youshi_title_p{ font-size:38px;}
.youshi_title span{ padding:0;}


}
 @media (max-width:425px) { 
 .foot_cen{ display:none;}
 .foot_right{ width:100%;}
 .foot_title div span{ margin-left:0px; font-size:18px; width:100%;}
.youshi_title .youshi_title_p{ font-size:32px;}
.youshi_top{ padding:0;} 
 .youshi_bottom{ padding:0;} 
 .news_right li div{ padding:25px 15px;}
 .news_bg{ padding-bottom:30px; }
 .foot_right{ display:none;}
 }



.float0831 {
	POSITION: fixed; TOP: 180px; RIGHT: 1px; _position: absolute
}
.float0831 A {
	COLOR: #00a0e9
}
.float0831 A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
	BACKGROUND: url(float_bg.gif)
}
.float0831 .tp {
	BACKGROUND: url(float_bg.gif)
}
.float0831 .cn {
	BACKGROUND: url(float_bg.gif)
}
.float0831 .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 28px; WORD-WRAP: break-word; HEIGHT: 28px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .titDh {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .titDc {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .icoZx {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .icoTc {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .icoFf {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .icoTl {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .btnOpen {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .titZx {
	BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
	BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
	TOP: 25px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 25px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 25px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.qtop {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}

#colee_left p{
line-height:23px}

ul.cp{
margin:10px 0px}

ul.cp li{
float:left;
padding-left:10px;
}
ul.cp li img{
border:1px solid #E5E5E5;
padding:2px}

.float0831 .icoTc {
	BACKGROUND: url(float_s.gif) no-repeat;
BACKGROUND-POSITION: 0px -323px;
PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}

.float0831 .titDh {
	BACKGROUND: url(float_s.gif) no-repeat;
BACKGROUND-POSITION: 5px -66px
}

.float0831 .icoTl {
	BACKGROUND: url(float_s.gif) no-repeat;
PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left;
padding-top: 3px;
}
.float0831 .titDc {
	BACKGROUND: url(float_s.gif) no-repeat;
BACKGROUND-POSITION: 5px -124px;
WIDTH: 80px; DISPLAY: block; HEIGHT: 36px;
}

.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}